<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>jquery userage Test</title>
		<script src="jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>

		<script type="text/javascript" charset="utf-8">
			var settings = {
				validate : false,
				limit : 5,
				name : "foo"
			};
			var options = {
				validate : true,
				name : "bar"
			};
			console.log(settings);
			console.log(options);
			$.extend(settings, options);
			console.log(settings);
			console.log(options);
			var settings = {
				validate : false,
				limit : 5,
				name : ""
			};
			var options = {
				validate : true,
				name : "bar",
			};
			console.info(settings);
			console.info(options);
			// $.extend(settings, options);
			$.extend(options, settings);
			console.info(settings);
			console.info(options);
			console.info("\n");
			var div = "<div id='i' class='a b c'>div-content</div>";
			var $div = $(div);
			console.info($div.hasClass('b'));
			var div_ = "<div id='a' class='a b'>div---content</div>";
			$.extend(div, {
				class : "c d",
				id : 'd'
			});
			console.dir($(div)[0]);
		</script>
	</head>
	<body>
		<form>

		</form>
	</body>
</html>
